<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>待办任务</title>
    <link rel="stylesheet" th:href="@{/resources/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/resources/plugins/bootstrap-table/bootstrap-table.min.css}">
    <link rel="stylesheet" th:href="@{/resources/awi/css/font-awesome.css}">
    <!-- Theme style -->
    <link rel="stylesheet" th:href="@{/resources/awi/css/AdminLTE.min.css}">
    <link rel="stylesheet" th:href="@{/resources/awi/css/skins/all-skins.min.css}">
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="page-header">
                <h3>主页
                    <small>代办任务</small>
                </h3>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="box box-solid box-info">
                <div class="box-header">查询参数</div>
                <div class="box-body">
                    <form id="search-form" class="form-inline">
                        <div class="col-md-3 form-group">
                            <label>参数</label>
                            <input type="text" class="form-control params" name="" id="">
                        </div>
                        <div class="col-md-3">
                            <div class="btn-group">
                                <button type="button" class="btn btn-success" onclick="tableDataRefresh('#authMenu-data-table')"><i class="fa fa-search"></i>查询</button>
                                <button type="reset" class="btn btn-warning"><i class="fa fa-refresh"></i> 重置</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 table-responsive">
            <table id="authMenu-data-table" data-url="/task/getPagingDone" class="data-table"
                   data-locale="zh-CN" data-pagination="true" data-response-handler="dataTableResponseHandler"
                   data-unique-id="uid" data-id-field="id" data-side-pagination="server"
                   data-toolbar="toolbar"  	data-query-params-type="limit" data-height="730" data-striped="true" data-click-to-select="true"
                   data-query-params="dataTableQueryParams" data-method="post" data-content-type="application/x-www-form-urlencoded"
            >
                <thead>
                <tr>
                    <th data-title="流程类别" data-field="processCategory" data-align="center" data-valign="middle" data-width="150"></th>
                    <th data-title="申请名称" data-field="processName" data-align="center" data-valign="middle" data-width="150"></th>
                    <th data-title="发起人" data-field="startUserName" data-align="center" data-valign="middle" data-width="150"></th>
                    <th data-title="流程发起时间" data-field="startTime" data-align="center" data-valign="middle" data-width="150"></th>
                    <th data-title="流程说明" data-field="description" data-align="center" data-valign="middle" data-width="150"></th>
                    <th data-title="操作" data-field="taskId" data-align="center" data-valign="middle" data-width="200"
                        data-formatter="opFormatter"></th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
</body>
<script th:src="@{/resources/plugins/jQuery/jquery-2.2.3.min.js}"></script>
<!-- Bootstrap 3.3.6 -->
<script th:src="@{/resources/bootstrap/js/bootstrap.min.js}"></script>

<!-- Bootstrap 3.3.6 -->
<script th:src="@{/resources/plugins/bootstrap-table/bootstrap-table.min.js}"></script>
<script th:src="@{/resources/plugins/bootstrap-table/bootstrap-table-locale-all.min.js}"></script>
<script th:src="@{/resources/layer/layer.js}"></script>
<script th:src="@{/resources/plugins/plugins-init/plugins-init.js}"></script>
<script th:src="@{/resources/commons/js/prototype.js}"></script>
<script type="text/javascript">
    function opFormatter(value, row, index) {
        var startProcessBtn='<a href="/process/toStartFormView?processDefinitionId='+value+'" class="btn btn-primary"><i class="fa fa-list"></i>&nbsp;点击查看详情</a>';
        return startProcessBtn;
    }


</script>
</html>